<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实现压盖效果</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>
	<body>
		<!-- 头部区域开始 -->
	<div class="header">
			<!-- 头部广告部分 -->
			<div class="banner">
				<img src="images/intro_bg.png" >
			</div>
			<!-- 导航栏部分 -->
			<div class="nav">
				<ul>
					<li class="active"><a href="#">公司介绍</a></li>
					<li><a href="#">团队成员</a></li>
					<li><a href="#">媒体报道</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">合作伙伴</a></li>
					<li><a href="#">加入我们</a></li>
				</ul>
			</div>
		</div>
		<!-- 头部区域结束 -->
		<!-- 云大科技公司介绍区域开始 -->
		<div class="content w">
			<div class="left">
				<img src="images/tou1.png" >
			</div>
			<div class="right">
				<h2>云大科技公司介绍</h2>
				<p class="p1">云大科技有限公司作为一家“互联网+”企业服务平台，风迅科技致力于为各大中小企业提供专业、有效的定制、营销一系列服务。<br>
                    团队拥有专业的策划师、视觉设计师、软件工程师以及业界一流的项目管理团队。<br>
                    致力为中国企业打造多元化的网络营销服务及完善的电子商务解决方案。</p>
				<p class="p2">As a "Internet +" enterprise service platform, yun da technology is committed to
                    providing professional, effective customization and marketing services to all SMEs.<br>
                    The team has professional planners, visual designers, software engineers and the industry's
                    first-class project management team.<br>
                    We are committed to creating diversified network marketing services and perfect e-commerce solutions
                    for Chinese enterprises.</p>
			</div>
		</div>
		<!-- 云大科技公司介绍区域结束 -->
		<!-- 公司相关数据区域开始 -->
		<div class="work">
			   <div class="work-in">
			        <ul>
			            <li>
			                <h2>2018</h2>
			                <p>公司成立</p>
			            </li>
			            <li>
			                <h2>200万+</h2>
			                <p>累计服务客户</p>
			            </li>
			            <li>
			                <h2>90%</h2>
			                <p>老客户占比</p>
			            </li>
			            <li>
			                <h2>50%</h2>
			                <p>全国城市覆盖率</p>
			            </li>
			        </ul>
			    </div>
		</div>
		<!-- 公司相关数据区域结束 -->
		<!-- 科技快讯部分开始 -->
		<div class="news w">
		    <div class="news-in ">
		        <h2>科技快讯</h2>
		        <p>LONG TENG NEWS</p>
		        <ul>
		            <li class="li1">
		                <a href="#">
		<img src="images/n1.png" >
		                    <p class="cover">云大科技发布2020半年报：营收近12亿</p>
		
		                </a>
		            </li>
		            <li class="li1">
		                <a href="#">
		                    <img src="images/n2.png" >
		                    <p class="cover">云大科技一季度营收1.96亿 净利增24%</p>
		                </a>
		            </li>
		            <li class="li1">
		                <a href="#">
		                    <img src="images/n3.png" >
		                    <p class="cover">云大科技连续3年稳居品牌力指数行业第一</p>
		
		                </a>
		            </li>
		            <li class="li2">
		                <a href="#">
		                  <img src="images/n4.png" >
		                    <p class="cover">云大科技2016年营收27.2亿 业务量增23%</p>
		
		                </a>
		            </li>
		
		        </ul>
		        <a href="#" class="load-more">更多快讯></a>
		    </div>
		</div>
		<!-- 科技快讯结束 -->
		<!-- 尾部区域开始 -->
		<div class="footer">
		    <div class="footer-in w clearfix">
		        <div class="footer-left">
		            <h2>咨询电话</h2>
		            <p class="number">888 8888 8888</p>
		            <img class="qrcode" src="images/qrcode.png" alt="">
		        </div>
		       <div class="footer-right">
		       	<dl>
					<dt>B2B建站</dt>
					<dd>模板选择</dd>
					<dd>套餐价格</dd>
					<dd>定制设计</dd>
					<dd>系统性能</dd>
				</dl>
		       	<dl>
					<dt>B2C建站</dt>
					<dd>模板选择</dd>
					<dd>套餐价格</dd>
					<dd>定制设计</dd>
					<dd>系统性能</dd>
				</dl>
		       	<dl>
					<dt>风讯新闻</dt>
					<dd>电商百科</dd>
					<dd>风讯动态</dd>
					<dd>系统更新</dd>
				</dl>
		       	<dl>
					<dt>案例</dt>
					<dd>网站建设</dd>
					<dd>营销系统</dd>
					<dd>三维全景</dd>
					<dd>网络画册</dd>
				</dl>
				<dl>
					<dt>简介</dt>
					<dd>公司简介</dd>
					<dd>联系我们</dd>
					<dd>合作伙伴</dd>
					<dd>招贤纳士</dd>
				</dl>
		       </div>
		    </div>
		   <div class="copy-in">
		        Copyright © 2021 云大科技,All Rights Reserved. 粤ICP备1xxxxxx号
		    </div>
		</div>
		<!-- 尾部区域结束 -->
	</body>
</html>
